.my {
  width: 100%;
  .myContent {
    width: 100%;
    .myContent_bg {
      width: 100%;
      height: 200px;
      background-size: cover;
      .myContent_bg_file {
        width: 100%;
        height: 100%;
        opacity: 0;
      }
    }
    .myContent_myInfo {
      width: 100%;
      padding: 0 10px;
      transform: translateY(-60px);
      .myInfo_detail {
        width: 100%;
        background-color: #fff;
        border-radius: 10px 10px 0 0;
        padding: 10px 10px 0;
        .myInfo_detail_my {
          width: 100%;
          display: flex;
          .myInfo_detail_my_img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin-right: 20px;
            position: relative;
            img {
              width: 100%;
              height: 100%;
              border-radius: 50%;
            }
            input {
              position: absolute;
              width: 100%;
              height: 100%;
              top: 0;
              left: 0;
              opacity: 0;
            }
          }

          .myInfo_detail_my_text {
            flex: 1;
            display: flex;
            flex-direction: column;
            .myInfo_detail_my_name {
              color: #0c34ba;
              font-weight: bold;
              font-size: 16px;
              position: relative;
              margin-top: 10px;
              i {
                position: absolute;
                top: 5px;
                right: -25px;
                display: block;
                width: 15px;
                height: 15px;
                background-size: cover;
                background-image: url(../images/edit.png);
              }
            }
            .myInfo_detail_my_desc {
              width: 100%;
              margin-top: 10px;
              overflow : hidden;
              text-overflow: ellipsis;
              display: -webkit-box;
              -webkit-line-clamp: 2;
              -webkit-box-orient: vertical;
              color: #acaaa3;
              font-size: 14px;
            }
          }
        }
        .myInfo_detail_serve {
          width: 100%;
          margin-top: 50px;
          font-size: 16px;
          li {
            width: 100%;
            height: 45px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            border-bottom: 1px solid #f6f7f8;
            i {
              width: 15px;
              height: 15px;
              background-size: cover;
              background-image: url(../images/arrowRight.png);
            }
          }
        }
      }
    }
    .EditNameBox{
        border: none;
        outline: none;
        width: 100%;
        height: 40px;
    }
  }
}
